<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台登录-X-admin2.0</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="{{url_for('static',filename ='css/font.css')}}">
    <link rel="stylesheet" href="{{url_for('static',filename ='css/xadmin.css')}}">
    <script type="text/javascript" src="{{url_for('static',filename ='js/jquery-3.4.1.min.js')}}"></script>
    <script src="{{url_for('static',filename ='lib/layui/layui.js')}}" charset="utf-8"></script>
    <script type="text/javascript" src="{{url_for('static',filename ='js/xadmin.js')}}"></script>

    <!-- 新增自定义样式 -->
    <style>
        /* 全局背景优化 */
        body {
            background: #f5f7fa;
            background-image: linear-gradient(145deg, #f5f7fa 0%, #c3cfe2 100%);
            min-height: 100vh;
        }

        /* 顶部导航栏渐变背景 */
        .container {
            background: linear-gradient(90deg, #6c5ce7 0%, #2f3640 100%);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            color: #fff;
        }

        .container .logo a {
            color: #fff;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        }

        .container .left_open i {
            color: #fff;
        }

        /* 左侧菜单优化 */
        .left-nav {
            background: #2d3436;
            background: linear-gradient(180deg, #2d3436 0%, #1a202c 100%);
            box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
        }

        #nav > li > a {
            color: #cbd5e0;
            border-left: 3px solid transparent;
            transition: all 0.3s ease;
        }

        #nav > li > a:hover, #nav > li.active > a {
            color: #fff;
            background: rgba(255, 255, 255, 0.05);
            border-left-color: #6c5ce7;
        }

        #nav .sub-menu li a {
            color: #94a3b8;
            transition: all 0.2s ease;
        }

        #nav .sub-menu li a:hover {
            color: #cbd5e0;
            padding-left: 15px;
        }

        .nav_right {
            color: #718096 !important;
        }

        /* 右侧内容区优化 */
        .page-content {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
            min-height: calc(100vh - 120px);
        }

        .layui-tab-title {
            background: #fff;
            border-bottom: 1px solid #e2e8f0;
        }

        .layui-tab-title li {
            color: #4a5568;
        }

        .layui-tab-title li.home {
            color: #6c5ce7;
        }

        /* 底部版权栏优化 */
        .footer {
            background: #2d3436;
            color: #94a3b8;
            border-top: 1px solid #3e4c59;
        }

        /* 交互元素动效 */
        .left_open i:hover {
            transform: scale(1.1);
        }

        #nav > li > a i {
            transition: transform 0.3s ease;
        }

        #nav > li.active > a i {
            transform: rotate(90deg);
        }
    </style>
</head>
<body>
<!-- 顶部开始 -->
<div class="container">
    <div class="logo"><a href="">天气分析系统</a></div>
    <div class="left_open">
        <i title="展开左侧栏" class="iconfont">&#xe699;</i>
    </div>
    <div class="logo">
         <a style="font-size: 13px" href="{{ url_for('auth.logout') }}" ><img width="20" height="20" src="../static/images/quit.png">退出</a>
    </div>
</div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<!-- 左侧菜单开始 -->
<div class="left-nav">
    <div id="side-nav">
        <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>天气列表信息</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="{{ url_for('weather.query') }}">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>天气信息查询</cite>
                        </a>
                    </li >
                </ul>
            </li>
        </ul>

        <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>温度分析</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="{{ url_for('temperature_trend.trend') }}">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>折线图分析</cite>
                        </a>
                    </li >
                    <li>
                        <a _href="{{ url_for('temperature.high_contrast_page') }}">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>柱形图分析</cite>
                        </a>
                    </li >
                    <li>
                        <a _href="{{ url_for('temp_comparison.temperature_comparison') }}">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>雷达图分析</cite>
                        </a>
                    </li >
                </ul>
            </li>
        </ul>
        <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>空气质量分析</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="{{ url_for('air_quality_trend.trend') }}">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>折线图分析</cite>
                        </a>
                    </li >
                </ul>
            </li>
        </ul>

        <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>城市风力等级统计</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="{{ url_for('wind_visualization.wind_grade') }}">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>分组柱状图分析</cite>
                        </a>
                    </li >
                </ul>
            </li>
        </ul>
        <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>城市天气类型统计</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="{{ url_for('weather_stats.weather_stats') }}">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>环形图分析</cite>
                        </a>
                    </li >
                </ul>
            </li>
        </ul>
        <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>重点城市平均温度</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="{{ url_for('temperature_map.map_page') }}">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>地图分析</cite>
                        </a>
                    </li >
                </ul>
            </li>
        </ul>
         <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>管理</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="{{ url_for('manger.user_manager') }}">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>用户管理</cite>
                        </a>
                    </li >
                </ul>
            </li>
        </ul>

    </div>
</div>
<!-- <div class="x-slide_left"></div> -->
<!-- 左侧菜单结束 -->
<!-- 右侧主体开始 -->
<div class="page-content">
    <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
        <ul class="layui-tab-title">
            <li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">

            </div>
        </div>
    </div>
</div>
<div class="page-content-bg"></div>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
    L2Dwidget.init({
        "model": {
            jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
            "scale": 1
        },
        "display": {
            "position": "left",
            "width": 80,
            "height": 160,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>
<div class="footer">
    <div class="copyright">天气分析系统</div>
</div>
</body>
</html>